html, body{
	height: 100%;
	width: auto;
}
.mui-content{
	height: 100%;
	width: auto;
	overflow: hidden;
	background-color: #0062CC;
}
#myHeader{
	margin-top: 25px;
	border: none;
    box-shadow: none;
	background-color: #0062CC;
}
#myHeader a{
	color: #EBEBEB;
}
#myHeader h1{
	color: #EBEBEB;
}
.add-new-form-wrapper{
	margin-top: 45px;
	/* height: calc(100% - 25px); */
	height: 100%;
	overflow: hidden;
	padding-bottom: 10px;
	background-color: #ffffff;
	padding: 10px;
}
.add-new-form-item{
	margin: 7px 15px;
	height: 27px;
	line-height: 27px;
	border-bottom: 1px solid #efeded;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	font-size: 15px;
}
.add-new-form-item label{
	color: #555555;
}
.add-new-form-item input{
    border: none;
    width: 210px;
    height: 25px;
    display: inline-block;
    line-height: 30px;
    background-color: #f7f7f7;
    text-align: right;
	font-size: 14px;
}
.add-new-form-item textarea{
    border: none;
    width: 220px;
    display: inline-block;
    line-height: 30px;
    background-color: #f7f7f7;
    text-align: right;
}
.add-new-submit-buttom{
	margin-top: 100px;
    width: calc(100% - 20px);
}
.split-line{
	height: 10px;
	background-color: #dddddd;
}
.no-border {
	border:none;
}
.must-have-value:before{
	content: '*';
	color: #FF0000;
	font-size: 14px;
	height: 25px;
	width: 2px;
}
.full-height{
	height: 100%;
}
input::-webkit-input-placeholder {
    color: #fd6969;
    font-size: 10px;
}
input:-moz-placeholder{
	color: #fd6969;
	font-size: 10px;
}  
input::-moz-placeholder{
	color: #fd6969;
	font-size: 10px;
}
input:-ms-input-placeholder{
	color: #fd6969;
	font-size: 10px;
}
#popover{
	height: 100px;
	width:200px;
}
[v-cloak] {
	display: none;
}